<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/img/index.css">
</head>

<body>
    <!-- 最大的盒子 -->
    <div class="maxBox">
        <!-- 顶部最大的盒子 -->
        <div class="index-topNav">
            <div class="logo">
                <img src="./img/logonew.png" alt="">
            </div>
            <!-- 顶部文字导航 -->
            <div class="top-index">
                <a href="">首页</a>
                <a href="./play/cold.html">酷玩</a>
                <a href="./guid/guid.html">导购</a>
                <a href="./use/use.html">试用</a>
                <a href="./report/report.html">报告</a>
            </div>
            <!-- 右上搜索框 -->
            <div class="souSuo">
                <span>
                    <img src="../图片/css/img/search.png" alt="">
                </span>
                <input type="button" value="注册">
            </div>
        </div>
        <!-- 下方最大盒子 -->
        <div class="index-banKuai">
            <!-- 幻想小贝板块 -->
            <div class="index-topDetails">
                <div class="topDetails-text">
                    <p>幻响小贝HiFi2.1音箱</p>
                    <p>
                        <span>126人申请</span>
                        <span>￥566</span>
                        <span>20台</span>
                    </p>
                    <p class="p-time">
                        <span class="timeSpan"></span>
                    </p>
                    <p class="shenQingBtn">立即申请</p>
                </div>
            </div>
            <!-- 热门试用 -->
            <div class="index-trial">
                <div class="trial-box">
                    <p class="biaoTi">热门试用</p>
                    <div class="jianTou ">
                        <img src="./css/img/prev.png" alt="">
                    </div>
                    <!-- 商品 -->
                    <div class="commodity">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="commodity-text">巴慕达 The Toaster 烤面包机</p>
                        <span>2032</span>
                        <span>20台</span>
                        <p><span class="num">1392</span>申请</p>
                        <p class="commodity-p">剩余时间2天</p>
                    </div>
                    <div class="commodity">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="commodity-text">巴慕达 The Toaster 烤面包机</p>
                        <span>2032</span>
                        <span>20台</span>
                        <p><span class="num">1392</span>申请</p>
                        <p class="commodity-p">剩余时间2天</p>
                    </div>
                    <div class="commodity">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="commodity-text">巴慕达 The Toaster 烤面包机</p>
                        <span>2032</span>
                        <span>20台</span>
                        <p><span class="num">1392</span>申请</p>
                        <p class="commodity-p">剩余时间2天</p>
                    </div>
                    <div class="commodity">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="commodity-text">巴慕达 The Toaster 烤面包机</p>
                        <span>2032</span>
                        <span>20台</span>
                        <p><span class="num">1392</span>申请</p>
                        <p class="commodity-p">剩余时间2天</p>
                    </div>
                    <div class="jianTou">
                        <img src="./css/img/next.png" alt="">
                    </div>
                </div>
            </div>
            <!-- 报告精选 -->
            <div class="index-report">
                <div class="report-box">
                    <p class="biaoTi">报告精选</p>
                    <div class="commodity-rep ">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="report-text">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <div class="report-t2">
                            <ul>
                                <li>苏苏</li>
                            </ul>
                            <div>
                                <img src="./css/img/zan.png" alt="">
                                <span>3</span>
                                <img src="./css/img/xin.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity-rep">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="report-text">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <div class="report-t2">
                            <ul>
                                <li>苏苏</li>
                            </ul>
                            <div>
                                <img src="./css/img/zan.png" alt="">
                                <span>3</span>
                                <img src="./css/img/xin.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity-rep">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="report-text">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <div class="report-t2">
                            <ul>
                                <li>苏苏</li>
                            </ul>
                            <div>
                                <img src="./css/img/zan.png" alt="">
                                <span>3</span>
                                <img src="./css/img/xin.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity-rep">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="report-text">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <div class="report-t2">
                            <ul>
                                <li>苏苏</li>
                            </ul>
                            <div>
                                <img src="./css/img/zan.png" alt="">
                                <span>3</span>
                                <img src="./css/img/xin.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity-rep">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="report-text">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <div class="report-t2">
                            <ul>
                                <li>苏苏</li>
                            </ul>
                            <div>
                                <img src="./css/img/zan.png" alt="">
                                <span>3</span>
                                <img src="./css/img/xin.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity-rep">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="report-text">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <div class="report-t2">
                            <ul>
                                <li>苏苏</li>
                            </ul>
                            <div>
                                <img src="./css/img/zan.png" alt="">
                                <span>3</span>
                                <img src="./css/img/xin.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity-rep">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="report-text">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <div class="report-t2">
                            <ul>
                                <li>苏苏</li>
                            </ul>
                            <div>
                                <img src="./css/img/zan.png" alt="">
                                <span>3</span>
                                <img src="./css/img/xin.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity-rep">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="report-text">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <div class="report-t2">
                            <ul>
                                <li>苏苏</li>
                            </ul>
                            <div>
                                <img src="./css/img/zan.png" alt="">
                                <span>3</span>
                                <img src="./css/img/xin.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <!-- 导购精选 -->
            <div class="index-daoGou">
                <div class="daoGou-box">
                    <p class="biaoTi">导购精选</p>
                    <div class="commodity-rep ">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="report-text">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <div class="report-t2">
                            <ul>
                                <li>苏苏</li>
                            </ul>
                            <div>
                                <img src="./css/img/zan.png" alt="">
                                <span>3</span>
                                <img src="./css/img/xin.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity-rep">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="report-text">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <div class="report-t2">
                            <ul>
                                <li>苏苏</li>
                            </ul>
                            <div>
                                <img src="./css/img/zan.png" alt="">
                                <span>3</span>
                                <img src="./css/img/xin.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity-rep">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="report-text">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <div class="report-t2">
                            <ul>
                                <li>苏苏</li>
                            </ul>
                            <div>
                                <img src="./css/img/zan.png" alt="">
                                <span>3</span>
                                <img src="./css/img/xin.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity-rep">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="report-text">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <div class="report-t2">
                            <ul>
                                <li>苏苏</li>
                            </ul>
                            <div>
                                <img src="./css/img/zan.png" alt="">
                                <span>3</span>
                                <img src="./css/img/xin.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <!-- 发现酷玩 -->
            <div class="index-coldPlay">
                <div class="report-box">
                    <p class="biaoTi">发现酷玩</p>
                    <div class="commodity-rep ">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="report-text">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <div class="report-t2">
                            <ul>
                                <li>苏苏</li>
                            </ul>
                            <div>
                                <img src="./css/img/zan.png" alt="">
                                <span>3</span>
                                <img src="./css/img/xin.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity-rep">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="report-text">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <div class="report-t2">
                            <ul>
                                <li>苏苏</li>
                            </ul>
                            <div>
                                <img src="./css/img/zan.png" alt="">
                                <span>3</span>
                                <img src="./css/img/xin.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity-rep">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="report-text">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <div class="report-t2">
                            <ul>
                                <li>苏苏</li>
                            </ul>
                            <div>
                                <img src="./css/img/zan.png" alt="">
                                <span>3</span>
                                <img src="./css/img/xin.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity-rep">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="report-text">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <div class="report-t2">
                            <ul>
                                <li>苏苏</li>
                            </ul>
                            <div>
                                <img src="./css/img/zan.png" alt="">
                                <span>3</span>
                                <img src="./css/img/xin.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity-rep">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="report-text">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <div class="report-t2">
                            <ul>
                                <li>苏苏</li>
                            </ul>
                            <div>
                                <img src="./css/img/zan.png" alt="">
                                <span>3</span>
                                <img src="./css/img/xin.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity-rep">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="report-text">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <div class="report-t2">
                            <ul>
                                <li>苏苏</li>
                            </ul>
                            <div>
                                <img src="./css/img/zan.png" alt="">
                                <span>3</span>
                                <img src="./css/img/xin.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity-rep">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="report-text">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <div class="report-t2">
                            <ul>
                                <li>苏苏</li>
                            </ul>
                            <div>
                                <img src="./css/img/zan.png" alt="">
                                <span>3</span>
                                <img src="./css/img/xin.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </div>
                    <div class="commodity-rep">
                        <div class="commodity-img">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <p class="report-text">空气净化器里面学问多得惊呆你，你选对了吗？</p>
                        <div class="report-t2">
                            <ul>
                                <li>苏苏</li>
                            </ul>
                            <div>
                                <img src="./css/img/zan.png" alt="">
                                <span>3</span>
                                <img src="./css/img/xin.png" alt="">
                                <span>3</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 底部信息 -->
            <div class="index-info">
                <div class="btm-box">
                    <div class="erWeiMa">
                        <img src="./img/code.png" alt="">
                    </div>
                    <div class="btm-logo">
                        <img src="./img/logoImg.jpg" alt="">
                        <p>全球酷玩试用导购平台酷新奇好玩品质</p>
                        <p>微信添加jguojguo获取我们的服务</p>
                    </div>
                    <dl class="btm-dl">
                        <dt>免费试用</dt>
                        <dd>
                            <a href="">试用流程</a>
                        </dd>
                        <dd>
                            <a href="">如何提高成功率</a>
                        </dd>
                    </dl>
                    <dl class="btm-dl dl-1">
                        <dt>友情链接</dt>
                        <dd>
                            <a href="">智动西</a>
                            <a href="">WEIBUSI</a>
                        </dd>
                        <dd>
                            <a href="">搜狐IT</a>
                            <a href="">腾讯科技</a>
                        </dd>
                        <dd>
                            <a href="">搜狐数码</a>
                            <a href="">凤凰科技</a>
                        </dd>
                        <dd>
                            <a href="">凤凰数码</a>
                            <a href="">PConline</a>
                        </dd>
                        <dd>
                            <a href="">泡泡网</a>
                            <a href="">3W咖啡</a>
                        </dd>
                        <dd>
                            <a href="">ZUK社区</a>
                            <a href="">亿觅emie</a>
                        </dd>
                        <dd>
                            <a href="">极客公园</a>
                            <a href="">易迅易启玩</a>
                        </dd>
                        <dd>
                            <a href="">果库</a>
                        </dd>
                    </dl>
                    <dl class="btm-dl">
                        <dt>购买攻略</dt>
                        <dd>
                            <a href="">美亚海淘教程</a>
                        </dd>
                        <dd>
                            <a href="">日亚海淘叫教程</a>
                        </dd>
                        <dd>
                            <a href="">海淘转运攻略</a>
                        </dd>
                        <dd>
                            <a href="">Kickstarter 众筹购买攻略</a>
                        </dd>
                    </dl>
                    <dl class="btm-dl">
                        <dt>厂商合作</dt>
                        <dd>
                            <a href="">关于极果</a>
                        </dd>
                        <dd>
                            <a href="">联系我们</a>
                        </dd>
                        <dd>
                            <a href="">商务合作：BD@jiguo.com</a>
                        </dd>
                        <dd>
                            <a href="">CEO邮箱：CEO@jiguo.com</a>
                        </dd>
                    </dl>
                    <div class="banQuan">
                        2016极果版权所有
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./js/jquery.min.js"></script>
<script>
    var timer = setInterval(function () {
        var pTime = $('.p-time')
        var spans = $('.timeSpan')
        var nowTime = new Date()
        var endTime = new Date('2022/12/31 00:00:00')
        var lastTime = parseInt((endTime - nowTime) / 1000)
        var day = parseInt(lastTime / 60 / 60 / 24)
        var hour = parseInt(lastTime / 60 / 60 % 24)
        var min = parseInt(lastTime / 60 % 60)
        var sec = parseInt(lastTime % 60)
        if (endTime - nowTime > 0) {
            spans[0].innerHTML = '申请时间剩余：' + day + '天' + hour + '小时' + min + '分钟' + sec + '秒'

        } else {
            clearInterval(timer)
        }
    }, 1000);

</script>

</html>